// @mixin flex($direction:row, $justifycontent:space-around) {
//     display: flex;
//     flex-direction: $direction;
//     justify-content: $justifycontent;
//   }
.itemBox {
  height: 1.17rem;
  background-color: #fff;
  padding: 0.1rem;
  padding-bottom: 0;
  .Top {
    height: 0.7rem;
    border-bottom: solid 0.01rem rgb(225, 225, 225);
    display: flex;
    .TopOne {
      width: 33%;
      display: inline-block;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      .annualrate{
        font-size: 0.27rem;
        color: rgb(252, 102, 105);
      }
      span {
        font-size: 0.11rem;
      }
      div {
        font-size: 0.11rem;
        color: #9797a5;
      }
    }
    .TopTwo {
      width: 34%;
      display: inline-block;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      .term{
        font-size: 0.19rem;
        color: rgb(252, 102, 105);
      }
      div {
        font-size: 0.11rem;
        color: #9797a5;
      }
    }
    .TopThree {
      width: 33%;
      display: inline-block;
      text-align: center;
      .circleBox{
        width: 0.5rem;
        height: 0.5rem;
        .ant-progress-inner{
          width: 0.5rem;
          height: 0.5rem;
        }
      }
    }
  }
  .Bottom {
    padding: .05rem;
    .BottomOne {
      width: 60%;
      display: inline-block;
      .ic_b{
        padding: 0px 0.5px;
        color: white;
        background-color: #FF7A4D;
        border-radius: 50%;
        font-size: 0.11rem;
        margin-left: 0.05rem;
      }
      .ic_c{
        padding: 0px 0.5px;
        color: white;
        background-color: #0DA68E;
        border-radius: 50%;
        font-size: 0.11rem;
        margin-left: 0.05rem;
      }
      .title{
        font-size: 0.11rem;
        color: #757584;
      }
    }
    .BottomTwo {
      width: 40%;
      display: inline-block;
      text-align: right;
      .openTime{
        font-size: 0.11rem;
        color: #757584;
      }
    }
  }
  .countdownBox{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    .countdownTitle{
      font-size: 0.12rem;
      text-align: center;
      color: #757584;
    }
    .countdownStr{
      height: 0.3rem;
      line-height: 0.3rem;
      background-color: #FFF2F2;
      color: #FC6669;
      font-size: 0.12rem;
      border-radius: 0.15rem;
      display: block;
      text-align: center;
    }
  }
 
  
}




.blueCircle{ 
  .ant-progress-circle-path{
    stroke: #1E97E0!important;
  }
  .ant-progress-text{
    color: #1E97E0!important;
  } 
}
.greenCircle{
  .ant-progress-circle-path{
    stroke: #0DA68E!important;
  }
  .ant-progress-text{
    color: #0DA68E!important;
  } 
} 

.wanCircle{
  .ant-progress-circle-path{
    stroke: #606074!important;
  }
  .ant-progress-text{
    color: #606074!important;
  } 
} 
